<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>orderRecord</title>

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入H+框架的样式文件 -->
    <link href="../../plugins/css/style.css?v=4.1.0" rel="stylesheet">
    
    <link href="../../css/order/orderRecord.css" rel="stylesheet">

    <!-- 引入layui框架的样式文件 -->
    <link href="../../plugins/layui/css/layui.css" rel="stylesheet">
    <link href="../../plugins/layui/layui.js" rel="stylesheet">

</head>

<body>
    <!--响应式导航-->
    <div class="container-fluid">
        <div class="row">
            <nav class="navbar navbar-inverse" role="navigation">
                <div class="container-fluid">
                    <div class="collapse navbar-collapse" id="example-navbar-collapse">
                        <ul class="nav navbar-nav" style="margin-left: 120px;">

                            <li><a href="javascript:jump4()" style="color: white;font-size: 16px;">发布的服务订单</a></li>
                            <li><a href="javascript:jump5()" style="color: white;font-size: 16px;margin-left: 50px">发布的需求订单</a></li>

                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" id="third">
        <ul class="layui-tab-title">
            <li class="layui-this" id="third-1">全部</li>
            <li>待确认</li>
            <li>待付款</li>
            <li>待评价</li>
            <li>已完成</li>
        </ul>
        <div class="layui-tab-content"></div>
    </div>

    <div class="input-group">
            <input type="text" placeholder="输入名称或者订单编号" class="input form-control" id="forthtext">
            <span class="input-group-btn">
                        <button type="button" class="btn btn btn-primary" id="forthbutton"> <i class="fa fa-search"></i>搜索</button>
                </span>
        </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="wrapper wrapper-content">
                <div class="row animated fadeInRight">
                    <div class="col-sm-12">
                        <div class="ibox float-e-margins">
                            <div class="" id="ibox-content">
                                <div id="vertical-timeline" class="vertical-container light-timeline">
                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon lazur-bg">
                                            <i class="fa fa-briefcase"></i>
                                        </div>

                                        <div class="vertical-timeline-content" id="timeline">
                                                <p>编号:201909172118
                                                    </p>
                                            <h2>陪小孩子打篮球</h2>
                                            
                                            <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                </p>
                                            <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                            <span class="vertical-date">
                                                18862606502 <br>
                                                <small>2019.09.17</small>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon lazur-bg">
                                            <i class="fa fa-file-text"></i>
                                        </div>

                                        <div class="vertical-timeline-content" id="timeline">
                                                <p>编号:201909172118
                                                    </p>
                                            <h2>陪小孩子打篮球</h2>
                                            
                                            <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                </p>
                                            <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                            <span class="vertical-date">
                                                18862606502 <br>
                                                <small>2019.09.17</small>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon lazur-bg">
                                            <i class="fa fa-coffee"></i>
                                        </div>
                                        <div class="vertical-timeline-content" id="timeline">
                                                <p>编号:201909172118
                                                    </p>
                                            <h2>陪小孩子打篮球</h2>
                                            
                                            <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                </p>
                                            <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                            <span class="vertical-date">
                                                18862606502 <br>
                                                <small>2019.09.17</small>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <script>
            function jump4(){
                window.location.href='orderRecord.html';
            }
            function jump5(){
                window.location.href='serviceRecord.html';
            }
        </script>
        
    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>